function doOnLoad(){
    var a=document.getElementById("Empresa").value;//se obtiene el idEmpresa
    var ido=new Array();
    var aux=0;
    var tam=0;
    
//  se crea la ventana de la izquierda    
    data1 = new dhtmlXDataView({
        container: "data_container1",
        edit:true,
        type: {
            template: "#id#<br/>#descripcion#<br/>#idServicio#<br/>#tiempo#<br/>Costo: #costo#",
            template_edit: "<input type'text' class='dhx_item_editor' bind='obj.costo'/>",
            select:"multiselect",
            height: 70
        }
    });
    
//  se obtienen los datos a mostrarse en la ventana    
    data1.load("http://localhost:8080/AgendaCita/listarCatalogoSugerenciasServiciosPorEmpresa?idEmpresa="+a,"json");    
    
//  los siguientes dos eventos sirven para realizar la seleccion multiple
    data1.attachEvent("onSelectChange", function (sel_arr){
        if(aux==1 && tam>1){
            aux=2;
            data1.unselectAll();
            data1.select(ido,true);        
        
        }    
    });  
   
    data1.attachEvent("onItemClick", function (id, ev, html){
        aux=1;
        ido[tam]=id;
        tam++;    
    });

//  se crea la segunda ventana agregando la caracteristica de editar el costo y el tiempo
    data2 = new dhtmlXDataView({
        container: "data_container2",
        edit:true,
        type: {
            template: "#id#<br/>DESCRIPCION: #descripcion#<br/>COSTO: #costo#<br/>TIEMPO: #tiempo#<br/>#idEmpresa#<br/>#idServicio#",
            height: 90,
            select: "multiselect"            
        }        
    });
    
//  se obtienen los servicios que ya realiza la empresa    
    data2.load("http://localhost:8080/AgendaCita/listarServiciosPorEmpresa?idEmpresa="+a,"json");
    
//  lienas para guardar los servicios que van del data1 a data2
    data2.attachEvent("onAfterAdd", function (object,index){
        dp = new dataProcessor("http://localhost:8080/AgendaCita/agregarEmpresaServicio");
        dp.setUpdateMode("off");
        dp.init(data2);
        dp.sendData(object);        
    });
    
}

